@import url("base.css?v=001");

/* 公告 */
.noticeBox {
	width: 100%;
	background: #eef4f9;
	height: 120px;
}

.column {
	width: 160px;
	padding-left: 10px;
	height: 100%;
	float: left;
}

.column .title {
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 120px;
	font-size: 28px;
	color: #333333;
	display: block;
	letter-spacing: 2px;
}

.column .title::after {
	color: rgba(7, 126, 223, .2);
	position: absolute;
	top: 20px;
	content: attr(data-en);
	left: 0;
	line-height: 40px;
	font-size: 42px;
	font-family: 'din';
	letter-spacing: 0;
}

.noticeBox .noticeList {
	width: calc(100% - 160px);
	float: left;
	height: 100%;
}

.noticeBox .btnL {
	background: url(../images/btnL.png) no-repeat center center;
	background-size: 10px 17px;
	width: 28px;
	height: 120px;
	float: left;
}

.noticeBox .listBox {
	width: calc(100% - 28px);
	float: left;
	height: 120px;
	overflow: hidden;

}
.noticeBox .listBox .tempWrap{
	width: calc(100% - 28px) !important;
}
.noticeBox .listWarper{
	height: 100%;
	overflow: hidden;
}

.noticeBox .liItem {
	width: 415px;
	height: 80px;
	border: solid 2px #e5eaef;
	padding: 0 25px;
	line-height: 80px;
	margin: 20px 10px 0 0;
	font-size: 16px;
	color: #333333;
	float: left;
}
.noticeBox .liItem a{
	color: #333;
}
.noticeBox .liItem .tit {
	width: 205px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.noticeBox .liItem .fr{
	font-family: 'din';
}
/* 新闻 */
.news {
	padding: 10px 0 30px 0;
}

.news .column .title::after,
.campus .column .title::after {
	font-size: 48px;
}

.news .top {
	width: 100%;
	height: 120px;
}

.news .classBox {
	width: auto;
	height: 100%;
	padding: 40px 0;
}

.news .classBox li {
	position: relative;
	display: inline-block;
	float: left;
	padding: 0 20px;
	height: 40px;
	color: #333333;
}

.news .classBox li::after {
	content: '//';
	position: absolute;
	right: -10px;
	top: 0;
	line-height: 40px;
	font-size: 22px;

}

.news .classBox li:last-child::after {
	display: none;
}

.news .classBox li:last-child {
	padding: 0 0 0 20px;
}

.news .classBox li span {
	padding: 0 30px;
	position: relative;
	height: 40px;
	display: block;
	line-height: 40px;
	font-size: 18px;
	cursor: pointer;
}

.news .classBox li span i {
	position: relative;
	z-index: 1;
}

.news .classBox li span::after {
	position: absolute;
	left: 0;
	top: 0;
	background: #0056b9;
	border-radius: 20px 0 20px 0;
	transition: all .8s;
	height: 100%;
	content: '';
	width: 0;
	opacity: 0;
}

.news .classBox li span:hover::after,
.news .classBox li.active span::after {
	width: 100%;
	opacity: 1;
}

.news .classBox li span:hover i,
.news .classBox li.active i {
	color: #fff;
}

.news .bottom {
	width: 100%;
}

.news .conL {
	width: 570px;
	padding-top: 20px;
}

.news .listArr {
	border: solid 2px #ededed;
	border-right: none;
	width: 100%;
	height: 500px;
	padding: 10px 30px;
}

.news .listArr .listItem {
	width: 100%;
	height: 55px;
	overflow-y: hidden;
	background: url(../images/btnL01.png) no-repeat left 23px;
	background-size: 8px 7px;
	padding-left: 20px;
	font-size: 16px;
	transition: all .5s;
}

.news .listArr .listItem.active,
.news .listArr .listItem:hover {
	min-height: 55px;
	height: auto;
	overflow-y: auto;
	background: url(../images/btnL02.png) no-repeat left 23px;
	background-size: 8px 7px;
}

.news .tit {
	padding: 10px 0;
	line-height: 35px;
	position: relative;
	width: 100%;
}

.news .listArr .listItem .title {
	float: left;
	display: block;
	color: #333333;
	width: 370px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
}

.news .listArr .listItem.active .title,
.news .listArr .listItem:hover .title {
/*	width: 370px;
	height: auto;
	white-space: unset;*/
	color: #0056b9;
}

.news .listArr .listItem .date {
	float: right;
	display: block;
	color: #808080;
}

.news .listArr .listItem.active .date,
.news .listArr .listItem:hover .date {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 16px;
}

.news .listArr .listItem .content {
	width: 100%;
	font-size: 14px;
	line-height: 28px;
	color: #999999;
}

.news .listArr .listItem .content i {
	color: #ff4040;
}

.news .conL .btnMore {
	width: 150px;
	height: 40px;
	background: linear-gradient(to right, #0056b9, #2c89f4);
	color: #fff;
	border-radius: 5px;
	float: right;
	text-align: center;
	line-height: 40px;
	margin: 10px 40px;
	font-size: 18px;
}

.news .conR {
	width: calc(100% - 570px);
	height: 570px;
	background: url(../images/newsBg.png) no-repeat right center;
	background-size: 127px 461px;
}

.news .imgBox {
	width: calc(100% - 20px);
	height: 100%;
	background: #f0f0f0;
	padding: 20px;
}

.news .newSwiper {
	width: 100%;
	height: 100%;
}

.news .banaItem {
	width: 100%;
	height: 100%;
	position: relative;
}
.news .banaItem .imgT{
	width: 100%;
	height: 390px;
	overflow: hidden;
	border: solid 3px #bababa;
}
.news .banaItem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .8s;
}
.news .banaItem:hover img{
	transform: scale(1.1);
}
.news .banaItem .title {
	width: 100%;
	height: 65px;
	line-height: 65px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #666;
	position: relative;
	display: block;
}

.news .banaItem:hover .title {
	color: #0056b9;
}

.news .banaItem .title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 80px;
	height: 3px;
	background: #0062d0;
}

.news .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: none;
	border: solid 1px #fff;
	opacity: 1;
	margin: 0 6px;
}

.news .swiper-pagination-bullet-active {
	background: #fff;
}

.news .swiper-pagination {
	width: 100%;
	left: 0;
	text-align: right;
	bottom: 160px;
	padding-right: 20px;
}

.news .more {
	display: inline-block;
	float: right;
	font-size: 14px;
	color: #333;
	line-height: 40px;
	padding-left: 62px;
	position: relative;
}

.news .more::before {
	position: absolute;
	content: '';
	left: 0;
	height: 2px;
	background: #b0b0b0;
	width: 50px;
	top: 50%;
	margin-top: -1px;
}

/* 校园资讯 */
.campus {
	width: 100%;
	background: #eef4f9;
	margin-top: 30px;
	padding-bottom: 60px;
}

.campus .top {
	width: 100%;
	height: 140px;
	padding: 10px 0;
}

.campus .top .tit-2 {
	color: #333333;
	font-size: 18px;
	padding-right: 35px;
	margin-top: 60px;
	line-height: 55px;
	position: relative;
}

.campus .top .tit-2::before {
	position: absolute;
	top: 0;
	width: 40px;
	height: 3px;
	background: #206bc2;
	right: 35px;
	content: '';
}

.campus .conL {
	width: 725px;
	background: #fff;
	height: 600px;
}

.campus .classList {
	height: 65px;
	border-bottom: solid 1px #f3f3f3;
	line-height: 65px;
	display: flex;
}

.campus .classList li {
	flex: 1;
	text-align: center;
	font-size: 22px;
	height: 100%;
}

.campus .classList li .tit {
	width: 160px;
	height: 40px;
	position: relative;
	display: block;
	line-height: 40px;
	cursor: pointer;
	margin: 12px auto;
}

.campus .classList li .tit::after {
	background: url(../images/classBg.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;

}

.campus .classList li .tit:before,
.campus .classList li .tit::after {
	height: 0;
	content: '';
	opacity: 0;
	transition: all .8s;
}

.campus .classList li .tit:before {
	position: absolute;
	width: 3px;
	top: 9px;
	left: -5px;
	background: #077edf;
}

.campus .classList li .tit:hover:before,
.campus .classList li.active .tit:before {
	height: 22px;
	opacity: 1;
}

.campus .classList li .tit:hover::after,
.campus .classList li.active .tit::after {
	height: 47px;
	opacity: 1;
}

.campus .classList li .tit i {
	position: relative;
	z-index: 9;
	color: #333333;
}

.campus .classList li .tit:hover i,
.campus .classList li.active .tit i {
	color: #fff;
}

.campusSwiper {
	width: 100%;
	height: 535px;

}

.campusSwiper .swiper-slide {
	width: 100%;
	height: 100%;
}

.campusSwiper .campusTop {
	padding: 25px 0;
	width: calc(100% - 20px);
	margin: 0 10px;
}

.campusSwiper .campusTop .imgT {
	width: 270px;
	height: 190px;
	overflow: hidden;
}

.campusSwiper .campusTop .imgT img {
	width: 100%;
	height: 100%;
	transition: all .8s;
}

.campusSwiper .campusTop .imgT:hover img {
	transform: scale(1.1);
}

.campusSwiper .campusTop .conR {
	width: calc(100% - 270px);
	float: left;
	padding: 0 25px;
}

.campusSwiper .campusTop .title {
	font-size: 18px;
	color: #333333;
	line-height: 40px;
	width: 100%;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.campusSwiper .conR:hover .title {
	color: #0056b9;
}

.campusSwiper .campusTop .date {
	font-size: 14px;
	color: #999;
	line-height: 30px;
}

.campusSwiper .campusTop .intrs {
	font-size: 14px;
	color: #999;
	line-height: 24px;
	width: 100%;
	max-height: 72px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.campusSwiper .campusTop .more {
	font-size: 14px;
	color: #0056b9;
	float: right;
	position: relative;
	line-height: 40px;
	padding-left: 60px;
}

.campusSwiper .campusTop .more::before {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	width: 50px;
	height: 2px;
	margin-top: -1px;
	background: #669ad5;
}

.campusSwiper .campusList {
	width: calc(100% - 20px);
	margin: 0 10px;
	border-top: dashed 2px #c2c2c2;
	padding: 15px 0;
}

.campusSwiper .campusItem {
	width: calc(100% - 20px);
	margin: 0 10px;
	line-height: 50px;
	background: url(../images/btnL01.png) no-repeat left center;
	background-size: 8px 7px;
	padding-left: 20px;
	height: 50px;
}

.campusSwiper .campusItem:hover {
	background: url(../images/btnL02.png) no-repeat left center;
	background-size: 8px 7px;
}

.campusSwiper .campusItem .title {
	width: 560px;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	font-size: 18px;
	color: #333333;
}

.campusSwiper .campusItem:hover .title {
	color: #0056b9;
}

.campusSwiper .campusItem .date {
	float: right;
	color: #999;
	font-size: 14px;
}

.campus .contR {
	background: #fff;
	width: calc(100% - 750px);
	height: 600px;
}

.campus .contR .title {
	width: 100%;
	height: 65px;
	line-height: 65px;
	font-size: 22px;
	color: #333333;
	text-indent: 40px;
	position: relative;
	margin-bottom: 20px;
}

.campus .contR .title::before {
	position: absolute;
	content: '';
	left: 20px;
	width: 3px;
	height: 22px;
	background: #0f71e1;
	top: 50%;
	margin-top: -11px;
}

.campus .quickItem {
	width: 417px;
	height: 65px;
	margin: 12px auto 0;
	position: relative;
}

.campus .quickItem span {
	position: absolute;
	height: 100%;
	top: 0;
	line-height: 65px;
	left: 0;
}

.campus .tit1 {
	font-size: 20px;
	color: #333333;
	padding-left: 135px;
}

/* 校园影像 */
.videoBox {
	background: url(../images/videoBg.jpg) no-repeat center center;
	background-size: 1920px 762px;
	width: 100%;
	height: 762px;
}

.videoBox .top {
	width: 100%;
	height: 150px;
	padding: 15px 0;
}

.videoBox .column .title {
	color: #fff;
}

.videoBox .column .title::after {
	color: rgba(255, 255, 255, .2);
	font-size: 48px;
}

.videoBox .top .btnMore,
.coach .top .btnMore {
	font-size: 18px;
	margin-right: 35px;
	color: #fff;
	line-height: 120px;
	position: relative;
}

.videoBox .top .btnMore::after,
.coach .top .btnMore::after {
	position: absolute;
	content: '';
	right: 0;
	top: 85px;
	width: 40px;
	height: 3px;
	background: #c0e7ff;
	border-radius: 5px;
}

.videoBox .videoList {
	width: 100%;
	height: 500px;
	display: flex;
}
.videoBox .videoItem {
	border-left: solid 1px #bdd4f2;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	float: left;
	width: 300px;
	height: 100%;
	transition: all 1.2s;
}
.videoBox .videoItem:hover{
	width: 508px;
}
.videoBox .videoItem:first-child {
	border-left: none;
}

.videoBox .videoItem img {
	width: 100%;
	height: 100%;
	transition: all 1s;
	object-fit: cover;
}


.videoBox .conts {
	background: rgb(0, 0, 0, .55);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}

.videoBox .videoItem:hover .conts {
	background: rgb(0, 0, 0, 0);
}

.videoBox .conts .detail {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
	line-height: 40px;
}
.videoBox .videoItem:hover .conts .detail{
	background: linear-gradient(to top, rgb(0, 0, 0,1),rgb(0, 0, 0,0));
}
.videoBox .conts .detail .icon {
	font-size: 22px;
}

.videoBox .conts .detail .tit-1 {
	font-size: 12px;
}

.videoBox .conts .detail .tit-2 {
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 40px;
	position: relative;
	transition: all .6s;
}

.videoBox .videoItem:hover .tit-2 {
	font-weight: bold;
	padding-left: 15px;
	position: relative;
}

.videoBox .videoItem:hover .tit-2::after {
	position: absolute;
	left: 0;
	content: '';
	width: 5px;
	height: 20px;
	background: #0962e3;
	top: 50%;
	margin-top: -10px;
}

.videoBox .conts .detail .intrs {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 0;
	transition: all .8s;
}

.videoBox .conts .detail .play {
	width: 32px;
	height: 0;
	background: url(../images/play.png) no-repeat;
	background-size: 100%;
	transition: all .5s;
}

.videoBox .videoItem:hover .intrs {
	height: 40px;
}

.videoBox .videoItem:hover .play {
	height: 32px;
}

/* 魅力执教 */
.coach {}

.coach .top {
	width: 100%;
	height: 180px;
	padding: 30px 0;
}

.coach .top .btnMore {
	color: #333333;
}

.coach .top .btnMore::after {
	background: #0062d0;
}

.coach .coachList {
	width: 100%;
	height: 530px;
	display: flex;
}

.coach .coachItem {
	flex: 1;
	margin-right: 20px;
	background: #f0f0f0;
	display: flex;
	flex-direction: column;
	padding: 20px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.coach .coachItem::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: #1e77df;
	transition: all 1s;
}

.coach .coachItem:hover::after {
	height: 100%;
}

.coach .coachItem:last-child {
	margin-right: 0;
}

.coach .imgT {
	width: 100%;
	height: 315px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.coach .imgT img {
	width: 100%;
	height: 315px;
	object-fit: cover;
	transition: all .8s;
}

.coach .coachItem:hover img {
	transform: scale(1.1);
}

.coach .coachItem .cont {
	position: relative;
	z-index: 10;
}

.coach .coachItem .tit-1 {
	color: #333333;
	font-size: 16px;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 30px;
	transition: all 1.5s;
}

.coach .coachItem .tit-2 {
	color: #999999;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 48px;
	margin-bottom: 20px;
	transition: all 1.5s;
}

.coach .coachItem:hover .tit-1,
.coach .coachItem:hover .tit-2 {
	color: #fff;
}

.coach .coachItem .line {
	background: url(../images/line02.png) no-repeat;
	background-size: 100%;
	width: 53px;
	height: 14px;
	transition: all 2s;
}

.coach .coachItem:hover .line {
	background: url(../images/line01.png) no-repeat;
	background-size: 100%;
}

.coach .coachItem .name {
	position: absolute;
	top: 315px;
	background: linear-gradient(to right, #0158bb, #2b87f3);
	width: 120px;
	height: 40px;
	left: 0;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	z-index: 11;

}

.coach .coachItem .name::after {
	position: absolute;
	content: attr(data-name);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-200px);
	background: #ffd75e;
	transition: all 1s;
}

.coach .coachItem:hover .name::after {
	transform: translateY(0px);
	color: #025eff;
}

.coach .coachItem .name i {
	color: #fff;
}

.coach .coachItem .icon {
	width: 25px;
	height: 5px;
	background: #025eff;
	position: absolute;
	right: 12px;
	top: 45px;
	z-index: 11;
}

.coach .coachItem:hover .icon {
	background: #ffd75e;
}

/* 友情链接 */
.linkBox {
	width: 100%;
	background: #eef4f9;
	height: 135px;
	margin-top: 90px;
}

.linkList {
	display: flex;
	height: 100%;
}

.linkList .linkItem {
	flex: 1;
	color: #666666;
	padding: 0 25px;
	height: 55px;
	margin: 40px 0;
	cursor: pointer;
	position: relative;
}

.linkList .linkItem.active {
	color: #fff;
}

.linkList .linkItem::before,
.linkList .linkItem::after {
	position: absolute;
	content: '';
}

.linkList .linkItem::before {
	width: 2px;
	height: 100%;
	right: 0;
	top: 0;
	background: #96999c;
}

.linkList .linkItem::after {
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	background: #2c89f4;
	transition: all .8s;
}

.linkList .linkItem.active::after {
	height: 100%;
}

.linkList .linkItem .cont {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1;
}

.linkList .cont .title {
	font-size: 16px;
}

.linkList .cont .more {
	font-size: 30px;
}

.linkList .linkLevel {
	position: absolute;
	bottom: 55px;
	width: 100%;
	background: #0056b9;
	/* padding: 15px 25px; */
	left: 0;
	height: 0;
	opacity: 0;
	transition: all 1.2s;
}

.linkList .linkItem.active .linkLevel {
	height: auto;
	opacity: 1;
}

.linkList .linkLevel .levelTit {
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	width: calc(100% - 30px);
	display: block;
	position: relative;
	padding-left: 15px;
	margin-left:15px;
	margin-right: 15px;
}
.linkList .linkLevel .levelTit:first-child{
	margin-top: 15px;
}
.linkList .linkLevel .levelTit:last-child{
	margin-bottom: 15px;
}
.linkList .linkLevel .levelTit::after {
	background: #fdd170;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
}

/* 单页 */
.location {
	width: 100%;
	height: 95px;
	line-height: 95px;
	font-size: 14px;
	color: #666666;
}

.location a {
	color: #666;
}

.singleClass {
	width: 100%;
	height: 80px;
	border: solid 1px #f1f1f1;
	background: #fff;
	display: flex;
	font-size: 16px;
	line-height: 80px;
}

.singleClass .tit {
	flex: 1;
	text-align: center;
	border-right: solid 1px #f1f1f1;
	color: #666666;
	position: relative;
}

.singleClass .classLevel {
	position: absolute;
	left: 0;
	top: 79px;
	height: auto;
	width: 100%;
	background: #f2f6fb;
	z-index: 100;
	display: none;
}

.singleClass .classLevel .name {
	line-height: 48px;
	width: 100%;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 14px;
	position: relative;
	margin-bottom: 1px;
}

.singleClass .classLevel .name span {
	position: relative;
	color: #666666;
	z-index: 10;
}

.singleClass .classLevel .name::after {
	background: #0056b9;
	position: absolute;
	left: 50%;
	top: 0;
	content: '';
	width: 0;
	height: 100%;
	transition: all .8s;
}

.singleClass .classLevel .name:hover::after,
.singleClass .classLevel .name.check::after {
	width: 100%;
	left: 0;
}

.singleClass .classLevel .name:hover span,
.singleClass .classLevel .name.check span {
	color: #fff;
}

.singleClass .tit i {
	position: absolute;
	background: url(../images/btnup.png) no-repeat;
	background-size: 100%;
	width: 17px;
	height: 15px;
	right: 30px;
	top: 32px;
}

.singleClass .tit.click i {
	background: url(../images/btndown.png) no-repeat;
	background-size: 100%;
}

.singleClass .tit::after {
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	background: #2666be;
	left: 0;
	bottom: 0;
	transition: all .8s;
}

.singleClass .tit.active::after,
.singleClass .tit:hover::after,
.singleClass .tit.click::after {
	width: 100%;
}

.singleClass .tit:last-child {
	border-right: none;
}

.singleClass .tit.active,
.singleClass .tit:hover {
	color: #0056b9;
}

.singleClass .tit.click,
.listClass .tit:hover {
	color: #0056b9;
	background: #f2f6fb;
}

.singleCon {
	margin-top: 20px;
	border: solid 1px #f1f1f1;
	background: #fff;
}

.singleCon .title,
.listCon .title {
	width: 100%;
	text-align: center;
	height: 85px;
	border-bottom: solid 1px #f1f1f1;
	font-size: 30px;
	color: #0056b9;
	line-height: 110px;
	font-weight: 550;
	position: relative;
}

.listCon .listTit {
	border-bottom: none;
}

.singleCon .title i,
.listCon .title i {
	position: relative;
	z-index: 10;
}

.singleCon .title::before,
.listCon .title::before {
	position: absolute;
	content: attr(data-name);
	left: 50%;
	transform: translateX(-50%);
	line-height: 80px;
	top: 0;
	font-size: 48px;
	color: #eef1f8;
}

.singleCon .content {
	padding: 45px 30px;
	width: 100%;
	font-size: 14px;
	line-height: 30px;
}

.singleCon .content img {
	margin: 0 20px 20px 0;
}

.mapBox {
	width: calc(100% - 60px);
	margin: 0 30px 30px 30px;
	background: #f1f1f1;
	padding: 15px;
}

.mapBox .mapDiv {
	height: 260px;
	width: 570px;
	float: left;
}

.mapBox .mapCon {
	width: calc(100% - 680px);
	float: left;
	margin-left: 50px;
	line-height: 40px;
	font-size: 16px;
	padding: 25px 0;
}

.singleList {
	background: #fff;
	width: 100%;
	margin-top: 20px;
}

.singleList .listItem {
	border-bottom: solid 1px #f1f1f1;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 25px;
	position: relative;
}

.singleList.pxlist .listItem {
	height: 100px;
	line-height: 100px;
}

.singleList .listItem .conts,
.dtItem .conts {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.singleList .listItem::before,
.singleList .listItem::after{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	content: '';
	background: #f0f0f0;
}
.singleList .listItem::after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	content: '';
	background: #f0f0f0;
	transition: all 1.2s;
}

.singleList .listItem:hover::after {
	width: 100%;
}

.singleList .listItem .tit-1 {
	color: #333;
	font-size: 16px;
	width: calc(100% - 200px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 60px;
	line-height: 60px;
}

.singleList .listItem:hover .tit-1 {
	color: #0056B9;
}

.singleList .listItem .titCon {
	width: 1000px;
	padding: 23px 0;
}

.singleList .titCon .tit-1 {
	height: 30px;
	line-height: 30px;
}

.singleList .titCon .tit-2 {
	height: 24px;
	line-height: 24px;
	color: #999999;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.singleList .listItem .date {
	color: #999999;
	font-size: 14px;
}

.singleTop {
	width: 100%;
	height: 110px;
	border-bottom: solid 1px #f1f1f1;
	padding-top: 30px;
}

.singleTop .tit {
	font-size: 28px;
	text-align: center;
	line-height: 40px;
	color: #0056b9;
	font-weight: bold;
}

.singleTop .time {
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	color: #999999;
}

.singleCont {
	padding: 50px 35px;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	min-height: 500px;
	border-bottom: solid 1px #f1f1f1;
}
.singleCont .videCon{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.singleCont .video{
	max-width: 100%;
	max-height: 500px;
}
.singleCont img{
	max-width: 100%;
	height: auto;
}
.fcList {
	width: 100%;
}

.fcItem {
	border-bottom: solid 1px #f1f1f1;
	width: 100%;
	height: 225px;
	padding: 30px 0;
	position: relative;
	cursor: pointer;
}

.fcItem::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	transition: all .8s;
	background: #f0f0f0;
}

.fcItem:hover::after {
	height: 100%;
}

.fcItem .conts {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
}

.fcItem .imgL {
	width: 220px;
	height: 145px;
	overflow: hidden;
	margin-right: 50px;
	transition: all .5s;
}

.fcItem:hover .imgL {
	transform: translateX(30px);
}

.fcItem .imgL img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fcItem .conR {
	width: 740px;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	transition: all .5s;
}

.fcItem:hover .conR {
	transform: translateX(30px);
}

.fcItem .conR .tit-1 {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
}

.fcItem .conR .instrs,
.sfItem .conR .instrs {
	color: #999999;
	font-size: 14px;
	line-height: 24px;
	margin: 20px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 48px;
}

.fcItem .see {
	background: url(../images/see.png) no-repeat left center;
	background-size: 18px 12px;
	padding-left: 25px;
	margin-left: 70px;
}

.fcItem .times {
	height: 40px;
	width: 130px;
	text-align: center;
	border-left: solid 1px #6f6f6f;
	color: #6f6f6f;
	margin: 50px 0;
}

.fcItem .times .day {
	font-size: 28px;
	line-height: 36px;
	margin-top: -10px;
}

.fcItem .times .year {
	font-size: 14px;
}

.sfList {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding-top: 30px;
}

.sfItem {
	margin-right: 15px;
	height: 430px;
	background: #f0f0f0;
	margin-bottom: 15px;
}

.sfItem:last-child {
	margin-right: 0;
}

.sfItem .imgT {
	width: 100%;
	height: 215px;
	overflow: hidden;
}

.sfItem .imgT img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .8s;
}

.sfItem:hover img {
	transform: scale(1.1);
}

.sfItem .conR {
	padding: 20px;
}

.sfItem .conR .instrs {
	margin: 5px 0;
	line-height: 30px;
	max-height: 60px;
}

.sfItem .conR .tit-1 {
	font-size: 16px;
	color: #444;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 60px;
}

.sfItem:hover .tit-1 {
	color: #0056B9;
}

.sfItem .conR .time {
	text-align: right;
	font-size: 14px;
	color: #999;
	line-height: 36px;
	margin-top: 10px;
}

.dtItem {
	width: calc(50% - 15px);
	height: 190px;
	margin-bottom: 25px;
	position: relative;
	cursor: pointer;
	float: left;
}
.dtItem:nth-child(odd){
	margin-right: 15px;
}
.dtItem:nth-child(even){
	margin-left: 15px;
}
.dtItem::before,
.dtItem::after{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
}
.dtItem::before {
	height: 100%;
	background: #fafafa;
}
.dtItem::after {
	height: 0;
	background: linear-gradient(to right, #0056b9, #2c89f4);
	transition: all 1s;
}

.dtItem:hover::after {
	height: 100%;
}

.dtItem .conts {
	line-height: 30px;
	padding: 0 30px;
	top: 50%;
	transform: translateY(-50%);
	height: auto;
}

.dtItem .day {
	font-size: 30px;
	font-family: 'din';
	color: #666666;
}

.dtItem .year {
	font-size: 14px;
	font-family: 'din';
	color: #999999;
}

.dtItem .tit-1 {
	font-size: 16px;
	color: #333333;
	margin: 15px 0;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dtItem .more {
	display: inline-block;
	line-height: 24px;
	border-bottom: solid 1px #666666;
	font-family: 'din';
	width: 65px;
	display: flex;
	justify-content: space-between;
	color: #666;
}

.dtItem:hover .day,
.dtItem:hover .year,
.dtItem:hover .tit-1,
.dtItem:hover .more {
	transition: all .5s;
}

.dtItem:hover .day,
.dtItem:hover .year,
.dtItem:hover .tit-1,
.dtItem:hover .more {
	color: #fff;
}

.dtItem:hover .more {
	border-bottom: solid 1px #fff;
}

/* 报名申报 */
.declare {
	width: 100%;
	padding-top: 40px;
	min-height: 500px;
}

.deTop,.deTitle{
	width: 100%;
	text-align: center;
	font-size: 28px;
	color: #0056b9;
	line-height: 60px;
}
.deTitle{
	border-bottom: solid 1px #f1f1f1;
	line-height: 150px;
	margin-bottom: 30px;
}
.apply {
	width: 800px;
	margin: 0 auto;
	font-size: 16px;
	position: relative;
}
.apply .error{
	position: absolute;
	top:200px;
	color: #ff0000;
	font-size: 14px;
	left: 0;
	line-height: 24px;
}
.apply input {
	width: 100%;
	border: solid 1px #d5d5d5;
	height: 60px;
	text-align: center;
	line-height: 58px;
	border-radius: 10px;
	color: #666;
	margin: 70px 0;
}

.declare .btnSave {
	width: 800px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	background: #0056b9;
	letter-spacing: 2px;
	cursor: pointer;
}

.step {
	width: 1100px;
	margin: 0 auto;
	height: 1660px;
}

.setpClass {
	width: 100%;
	display: flex;
	padding: 40px 0;
	margin-bottom: 50px;
}

.setpClass .stepnum {
	flex: 1;
	position: relative;
	display: flex;
	justify-content: center;
}

.setpClass .stepnum .tit {
	position: absolute;
	font-size: 16px;
	width: 100%;
	text-align: center;
	bottom: -30px;
}

.setpClass .stepnum.active .tit {
	color: #0056b9;
}

.setpClass .stepnum::before,
.setpClass .stepnum::after {
	width: 155px;
	height: 1px;
	background: #999999;
	top: 50%;
	position: absolute;
	content: '';
}

.setpClass .stepnum::before {
	left: 0;
}

.setpClass .stepnum::after {
	right: 0;
}

.setpClass .stepnum.active::before,
.setpClass .stepnum.active::after {
	height: 3px;
	background: #0056b9;
	margin-top: -1px;
}

.setpClass .stepnum .num {
	width: 44px;
	height: 44px;
	background: #999999;
	border-radius: 50%;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 30px;
	font-family: 'din';
	font-size: 16px;
	border: solid 7px #ebebeb;
}

.setpClass .stepnum.active .num {
	background: #0056b9;
	border: solid 7px #ccddf1;
}

.step .code {
	width: 100%;
	position: relative;
	line-height: 60px;
	margin-bottom: 30px;
	height: 60px;
}
.step .codes{
	width: 50%;
	float: left;
}
.step .code .error{
	position: absolute;
	top:60px;
	color: #ff0000;
	font-size: 14px;
	left: 210px;
	line-height: 24px;
}
.step .code .spanL,
.treaty {
	margin-left: 50px;
	padding-left: 25px;
	width: 140px;
	position: relative;
	display: block;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 60px;
	cursor: pointer;
}

.treaty {
	width: calc(100% - 140px);
	height: 50px;
	line-height: 50px;
	margin-top: -20px;
	font-size: 14px;
	color: #666666;
}

.step .code .spanL::before,
.treaty::before {
	content: '*';
	color: #ff0000;
	font-size: 24px;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 70px;
}

.treaty::before {
	line-height: 55px;
}

.treaty .check {
	width: 17px;
	height: 17px;
	border-radius: 5px;
	border: solid 1px #999999;
	display: block;
	margin: 16px 10px 16px 0;
}
.treaty .checked{
	border: none;
	background: url(../images/checked.png) no-repeat;
	background-size: 21px 18px;
	width: 21px;
	height: 18px;
	margin: 16px 6px 16px 0;
}
.trmark{
	position:absolute;left:0;top:200px;
	margin-left: 0;
}
.trmark u{
	cursor: pointer;
}
.step .code .spanL.none::before {
	display: none;
}

.step .code .inputText {
	width: 680px;
	height: 60px;
	border-radius: 10px;
	border: solid 1px #d5d5d5;
	float: left;
	padding: 0 20px;
	line-height: 58px;
	font-size: 14px;
}

.step .code .input215 {
	width: 220px;
}

.step .code .input130 {
	width: 100%;
}
.step .code .input325 {
	width: 325px;
}
.step .code .input390 {
	width: 415px;
	margin-left: 15px;
}
.step .code .ts {
	color: #999999;
	margin-left: 15px;
}

.step .code .btnUp {
	background: url(../images/btnup.png) no-repeat;
	background-size: 17px 15px;
	width: 17px;
	height: 15px;
	position: absolute;
	left: 825px;
	top: 50%;
	margin-top: -8px;
}

.region {
	position: relative;
	width: 138px;
	height: 60px;
	float: left;
	margin-left: 15px;
}
.region.none{
	margin-left: 0;
}
.regions {
	width: 215px;
}

.regions:nth-child(2) {
	margin-left: 0;
}

.step .code .region .btnUp {
	left: 105px;
}

.step .code .regions .btnUp {
	left: 185px;
}

.step .code .codeList {
	position: absolute;
	top: 60px;
	background: #f7f7f7;
	left: 190px;
	border: solid 1px #d5d5d5;
	border-top: none;
	width: 680px;
	border-radius: 0 0 10px 10px;
	z-index:99
}
.step .code .regonList{
	left: 0;
	width: 100%;
	max-height: 500px;
	overflow-y: scroll;
}

.step .code .codeList .name {
	height: 50px;
	text-indent: 28px;
	color: #333;
	font-size: 14px;
	border-bottom: dashed 1px #d5d5d5;
	cursor: pointer;
}
.step .code .codeList .name.disable{
	color: #999;
	cursor: default;

}
.step .code .regonList .name{
	text-indent: 0;
	text-align: center;
}
.step .code .codeList .name:not(.disable):hover{
	color: #0056B9;
}
.step .code .codeList .name:last-child {
	border-bottom: none;
}

.nationList {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.step .btnStep {
	margin-left: 50px;
	width: 820px;
	font-size: 16px;
}
.btnpages{
	margin-left: 50px;
	width: 820px;
}
.btnpages .btnback{
	margin-left: 50px;
	width: 400px;
	font-size: 16px;
	margin-left: 0;
}
.step .bz {
	color: #ff0000;
	margin-left: 50px;
	line-height: 70px;
	margin-top: -30px;
	width: calc(100% - 50px);
}
.subTs{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top:0;
	z-index: 100;
	background: rgb(0, 0, 0, .25);
}
.subTs .noteBox{
	position: absolute;
	width: 80%;
	background: #fff;
	height: 80%;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	border-radius: 10px;
}
.subTs .noteBox .noteCon{
	padding: 20px;
	width: 100%;
	overflow-y: scroll;
	font-size: 14px;
	line-height: 24px;
	height: 100%;
}
.subTs .noteCon::-webkit-scrollbar {
	width: 5px;
}
.subTs .noteCon::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
	opacity: 0.2;
	background: fade(@primary-color, 60%);
}
.subTs .noteCon::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
	border-radius: 0;
	background: fade(@primary-color, 30%);
}
.subTs .noteCon .closeBtn{
	width: 49px;
	height: 48px;
	background: url(../images/closeBtn2.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right:-60px;
	top:-60px;
	cursor: pointer;
}
.subTs .noteCon .title{
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	width: 100%;
	display: block;
}
.subTs .noteCon .title .con{
	font-size: 14px;
	line-height: 24px;
}
.subCon{
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	width: 586px;
	height: 599px;
	padding-top: 115px;
}
.subCon.fail{
	background: url(../images/failbg.png) no-repeat;
	background-size: 100%;
}
.subCon.success{
	background: url(../images/successbg.png) no-repeat;
	background-size: 100%;
}
.subCon .imgT{
	width: 100%;
	height: 275px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.subCon .tit-1{
	font-size: 24px;
	color: #333333;
	text-align: center;
	line-height: 50px;
}
.subCon .tit-2{
	font-size: 14px;
	color: #666666;
	text-align: center;
	line-height: 40px;
}
.subCon .skpup{
	position: absolute;
	right: 45px;
	bottom: 35px;
	font-size: 16px;
	color: #666666;
	cursor: pointer;
}
.subCon .btnBack{
	width: 175px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	background: #ff8675;
	display: inline-block;
	border-radius: 10px;
	font-size: 16px;
	letter-spacing: 2px;
	margin: 25px 205px;
	cursor: pointer;
}

.nearbyBox{
	font-size: 14px;
}
.nearbyBox .nodata{
	color: #999;
	font-size: 12px;
}
.nearbyBox .title{
	line-height: 30px;
	color: #666;
}
.nearbyBox .neartit{
	color: #666;
}